@font-face{
	font-family: "DINPro-Bold";
	src:url(../../res/DINPro-Bold.otf) format("truetype");
}
body{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	min-height: 100%;
	height: 100%;
	overflow: scroll;
	background-color: #000;
}
body,div,p,a,ul,li{
	margin: 0;
	padding: 0;
}
a{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:link,a:visited{
	text-decoration: none;
}
.container{
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow:hidden;
	z-index: 100;
	background: url(../../res/background.png) repeat;
}
.background-img{
	
}
.left-nav{
	width: 266px;
	height: 650px;
	position: absolute;
	left: -259px;
	z-index: 20;
}
.nav-top{
	width: 266px;
	height: 125px;
	position: absolute;
	left: 158px;
	background: url(../../res/left-nav-background.png) repeat-y;
}
.nav span .level,.nav span .news,.nav span .services,.nav span .cases,.nav span .career{
	z-index: 100;
}
.nav-bottom{
	position: absolute;
	top: 125px;
	background: url(../../res/left-nav-background.png) repeat-y;
	left: -7px;
}
.for-left-nav{
	width: 158px;
	height: 650px;
	position: absolute;
	left: 7px;
	z-index: 5000;
}
.menu{
	width: 266px;
	height: 28px;
}
.menu a{
	color: #5d5c5b;
	font-size: 10pt;
	float: right;
	background: url(../../res/menu.png) no-repeat;
	background-position: right;
	padding-right: 14px;
	margin-right: 7px;
	line-height: 28px;
	text-shadow:1px 0px 0px;
}
.logo{
	margin-left: -7px;
	width: 273px;
	height: 97px;
	background-color: #e60012;
	position: relative;
	z-index: 200;
}
.logo a{
	color: #e60012;
}
.logo img{
	position: absolute;
	right: 23px;
	bottom: 33px;
}
.nav{
	width: 266px;
	height: 256px;
		padding-top: 16px;
}
.nav span{
	display: block;
	width: 266px;
	height: 50px;
}
.nav a{
	font-size: 50px;
	letter-spacing:-3px;
	color: #FFF;
	display: inline-block;
	text-align: right;
	line-height: 50px;
	padding-right: 7px;
	float: right;
	position: relative;
}
.nav a:hover{
	color: #313131;
	background-color: #FFF;
}
.nav i{
	width: 8px;
	height: 50px;
	display: inline-block;
	background-color: #e60012;
	display: none;
	right: -11px;
	position: absolute;
}
.nav p{
	font-size: 10pt;
	color: white;
	font-weight: bold;
	float: right;
	margin-bottom: 0px;
	margin-top: 30px;
	display: none;
}
.footer{
	width: 266px;
	position: relative;
	height: 253px;
}
.contact a{
	font-size: 24pt;
	color: #e60012;
	display: inline-block;
	position: absolute;
	bottom: 100px;
	right: 14px;
}
.contact a i {
	background: url(../../res/contact.png) no-repeat;
	display: inline-block;
	width: 11px;
	height: 18px;
	position: absolute;
	top: 11px;
}

.footer .appendix .appendix-img{
	position: absolute;
	bottom: 50px;
	right: 7px;
}
.footer .appendix .weibo-img{
	position: absolute;
	bottom: 50px;
	right: 42px;
}
.footer .appendix .weixin-img{
	position: absolute;
	bottom: 50px;
	right: 83px;
}
.footer .appendix p{
	font-size: 7pt;
	font-family: arial;
	font-weight: bold;
	text-align: right;
	position: absolute;
	right: 7px;
	bottom: 30px;
	color: #e60012;
}
/*
	footer
	*/
#progress-back{
	background: url(../../res/progress-bar.png) repeat-x;
	width: 100%;
	height: 8px;
	position: fixed;
	left: 0px;
	bottom: 30px;
}
#progress-bar{
	background: url(../../res/progress-back.png) repeat-x;
	width: 100%;
	height: 8px;
	position: relative;
}

#surprised{
	display: block;
	position: fixed;
	left: 0;
	top: 0;

}
#surprised li{
	display: block;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	visibility: visible;
	z-index: -30;
	background-color: #111;
}
#surprised li img{
	width: 100%;
	height: auto;
	position: absolute;
	vertical-align: middle;
	z-index: -1;
	display: block;
	opacity: 0;
}
#surprised .slide-01 img{
	display: block;
	opacity: 1;
}
.name{
	height: 53px;
	width: auto;
	display: block;
	position: fixed;
	left: 45%;
	top: 200px;
	text-align: center;
	z-index: 5;
}
.project{
	width: 74px;
	height: 22px;
	position: fixed;
	left: 726px;
	top: 178px;
	background-color: #FFF;
	text-align: center;
	font-family: "DINPro-Bold";
}
.project a{
	color: #e60012;
	margin: 0px;
	line-height: 22px;
}
.name a{
	background-color: #313131;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	height: 53px;
	left: 600px;
	top: 200px;
	line-height: 53px;
	margin: 0px;
	color: #FFF;
	font-size: 24px;
	float: left;
}
.plus,.minus{
	width: 31px;
	height: 31px;
	position: fixed;
	left: 45%;
	top: 253px;
	background-color: #e60012;
	text-align: center;
	font-family: "DINPro-Bold";
}
.plus a,.minus a{
	line-height: 22px;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	font-size: 34px;
}
.pager{
	height: 31px;
	left: 801px;
	top: 200px;
	float: left;
}
.pager .to-left{
	display: inline-block;
	float: left;
	width: 31px;
	height: 31px;
	background: url(../../res/pager-left.png) no-repeat;
	padding: 0;
	text-indent: -9999em;
}
.pager .to-right{
	margin-left: 1px;
	display: inline-block;
	float: left;
	width: 31px;
	height: 31px;
	background: url(../../res/pager-right.png) no-repeat;
	padding: 0;
	text-indent: -9999em;
}
.name-info{
	width: 458px;
	height: 165px;
	position: fixed;
	left: 45%;
	top: 283px;
	background-color: #313131;
	padding: 10px;
	display: none;
}
.name-info p {
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}
.info-details{
	position: absolute;
	bottom: 0px;
	width: 458px;
	height: 31px;
}
.info-details a{
	font-family: "微软雅黑";
	color: #e60012;
	font-size: 16px;
	display: inline-block;
	float: left;
}
.info-details i{
	width: 14px;
	height: 13px;
	display: block;
	background: url(../../res/name-details.png) no-repeat;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
.sub-name{
	width: 92px;
	height: 26px;
	background-color: #313131;
	position: fixed;
	top: 255px;
	left: 45%;
	top: 227px;
	display: none;
}
.sub-name p{
	text-align: center;
	color: #e60012;
	line-height: 26px;
}
.panel{
	width: 600px;
	height: 253px;
	position: fixed;
	left: 600px;
	background: transparent;
	z-index: 1;
}
.name a{
	display: none;
}
.name .name1{
	display: block;
}
.name-info p{
	display: none;
}
/*
about
*/
.about-container{
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 100;
}
.about-container .float-div{
	position: absolute;
	left: 377px;
	width: 650px;
	height: 100%;
}

.introduce-context{
	width: 640px;
	background-color: #313131;
	left: 0px;
	top: 112px;
	position: absolute;
	font-size: 14px;
	padding: 5px;
	color: #FFF;
}
.mission-context,.factory-context,.award-context,.employee-context,.contact-context,.office-context{
	width: 640px;
	background-color: #313131;
	left: 0px;
	top: 172px;
	position: absolute;
	font-size: 14px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	display: none;
}
.factory-context{
	top: 292px;
}
.award-context{
	top: 352px;
}
.employee-context{
	top: 412px;
}
.contact-context{
	top: 472px;
}
.office-context{
	top: 232px;
}
.introduce-header{
	position: absolute;
	height: 53px;
	background-color: #313131;
	left: 0px;
	top: 50px;
	font-size: 24px;
	line-height: 53px;
	padding-left: 10px;
	padding-right: 10px;
	color: #313131;
}
.factory-header,.award-header,.employee-header,.contact-header,.mission-header,.office-header{
	position: absolute;
	height: 53px;
	background-color: #313131;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 24px;
	line-height: 53px;
	padding-left: 10px;
	padding-right: 10px;
	color: #313131;
}
.factory-header a,.award-header a,.employee-header a,.contact-header a,.mission-header a,.introduce-header a,.office-header a{
	color: #FFF;
}
.show-info-btn{
	color: #e60012;
	font-style: normal;
	font-size: 78px;
	height: 53px;
	display: inline-block;
	line-height: 53px;
	margin-left: 20px;
	position: absolute;
	right: -50px;
}
.introduce-header p,.mission-header p,.factory-header p,.award-header p,.employee-header p,.contact-header p,.office-header p{
	display: inline;
	font-size: 30pt;
	line-height: 53px;
	font-family: "DINPro-Bold";
}
.office-header .sub-title,.introduce-header .sub-title,.mission-header .sub-title,.factory-header .sub-title,.award-header .sub-title,.employee-header .sub-title,.contact-header .sub-title{
	font-size: 14pt;
	font-weight: bold;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	margin-left: 10px;
}
.introduce-context p{
	font-size: 12px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.chinese-text{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.chinese-text p{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	color: #cacaca;
	font-size: 12px;
}
.english-text{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.english-text p{
	color: #cacaca;
	font-size: 12px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.factory-pic{
	height: 155px;
	width: 734px;
	margin-left: -50px;
	overflow: hidden;
	position: relative;
}
.factory-pic img{
	position: absolute;
}
.factory-pic a{
	width: 20px;
	height: 20px;
	display: block;
}
.factory-pic .factory-pic-next{
	background: url(../../res/factory-next.png) no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;
}
.factory-pic .factory-pic-prev{
	background: url(../../res/factory-prev.png) no-repeat	;
	position:absolute;
	right: 10px;
	bottom: 10px;
}
.address,.telephone,.email{
	padding-left: 20px;
	padding-right: 20px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.address-e{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 12px;
	color: #cacaca;
}
.address-c{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 12px;
	color: #cacaca;
}
.telephone{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 12px;
	margin-top: 20px;
	color: #cacaca;
}
.telephone em{
	color: #e60012;
	font-style: normal;
}
.email{
	font-size: 12px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	margin-top: 20px;
	color: #e60012;

}
.chinese-text ul{
	margin-top: 10px;
}
.chinese-text ul li{
	list-style: none;
	color: #cacaca;
	font-size: 12px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.english-text ul li{
	list-style: none;
	color: #cacaca;
	font-size: 12px;
	font-family: "DINPro-Bold";
}
.award-pic{
	margin-left: 20px;
	margin-top: 20px;
}
.employee-context{
	width: 640px;
	height: 370px;
	overflow: hidden;
	padding: 0px;
}
.employee-context img{
	position: absolute;
}
.staf-max{
	position: absolute;
	width: 100%;
	height:100%;
	z-index: -40;
	display: none;
	top: 0;
}
.staf-max img{
	width: 100%;
	height: 100%;
}
.employee-show{
	width: 20px;
	height:20px;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: url(../../res/factory-next.png) no-repeat;
}
.staff-hide{
	width: 20px;
	height:20px;
	display: block;
	position: absolute;
	right: 50px;
	bottom: 50px;
	background: url(../../res/factory-prev.png) no-repeat;
}
.nav .nav-float-div{
	background-color: #FFF;
	height: 50px;
	display: none;
	position: absolute;
	width: auto;
	top: 0px;
	z-index: -30;
}
.level-pager{
	height: 50px;
	width: 147px;
	position: absolute;
	left: 270px;
	display: block;
	top: 16px;
}
.level-pager span{
	height: 50px;
	width: 8px;
	background: #e60012;
	display: inline-block;
}
.level-pager p{
	display: inline-block;
	float: none;
	margin-top: 0px;
	color: #FFF;
}
.level-pager .pager-chinese{
	position: absolute;
	top: 10px;
	left: 15px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.level-pager .pager-english{
	position: absolute;
	bottom: 0px;
	left: 15px;
	font-family: "DINPro-Bold";
	color: #e60012;
}
#surprised ul li img{
	display: none;
}



#container {
 width: 960px;
 margin: 20px auto 20px auto;
}

#blob {
 position: absolute;
 top: 0;
 z-index : 1;
 float: right;
 right: 0px;
}

#nav {
 position: relative;
 width: 266px;
 height: 256px;
 padding-top: 16px;
}

#nav li {
 list-style: none;
 width: 266px;
 height: 50px;
 display: block;
 text-align: right;
}

#nav li a {
	float: right;
	display: block;
 color: #FFF;
 position: relative;
 z-index: 2;
 font-size: 50px;
 text-decoration: none;
 padding-right: 7px;
 text-align: right;
 line-height: 50px;
 display: inline-block;
 font-family: "DINPro-Bold";
}
#nav p{
	font-size: 10pt;
	color: white;
	font-weight: bold;
	float: right;
	margin-bottom: 0px;
	margin-top: 30px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	display: none;
}
#blob i{
	width: 8px;
	height: 50px;
	display: none;
	background-color: #e60012;
	right: -11px;
	position: absolute;

}
.about-container #selected a{
	color: #313131;
}
.about-container .left-nav{
	position: fixed;
}
/*
	news
*/
.news-module{
	width: 725px;
	height: 573px;
	position: fixed;
	top: 71px;
	left: 450px;
}
.level-case{
	width: 357px;
	height: 51px;
	background-color: #313131;
	display: inline-block;
	cursor: pointer;
}
.level-news{
	width: 360px;
	height: 51px;
	background-color: #313131;
	display: inline-block;
	cursor: pointer;
}
.news-top .selected{
	background-color: #e60012;
}
.news-top .p-selected{
	color: #FFF;
}
.news-top p{
	display: inline-block;
}
.level-case p{
	color: #e60012;
}
.level-case .chinese-text{
	margin-left: 50px;

}

.level-news p{
	color: #e60012;
}
.news-top .english-text{
	font-family: "DINPro-Bold";
	font-size: 36px;
	line-height: 51px;
	padding: 0px;
}
.news-top .chinese-text{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 14px;
	padding: 0px;
}
.news-list{
	margin-top: 4px;
	height: 197px;
	clear: both;
	overflow: hidden;
	position: relative;
}
.news-module ul{
	position: absolute;	
}
.news-module ul li{
	position: relative;
	width: 236px;
	height: 197px;
	background-color: #FFF;
	float: left;
	list-style: none;
	display: block;
	margin-left: 4px;
	cursor: pointer;
}
.news-module ul .first{
	margin-left: 0px;
}
.news-module ul li .title{
	width: 206px;
	height: 68px;
	padding: 15px;
	background-color: #FFF;
}
.news-module ul li .title p{
	font-size: 20px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	color: #e60012;
	font-weight: bold;
}
.news-module ul li .title .timer{
	font-size: 14px;
	font-family:  "DINPro-Bold";
	color: #8b8b8b;
	font-weight: normal;
}
.news-module ul li img{
	width: 236px;
	height: 99px;
}
.news-module .news-content{
	width: 719px;
	height: 318px;
	margin-top: 4px;
	clear: both;
	overflow: hidden;
	display: none;
}
.news-content img{
	width: 236px;
	height: 318px;
	display: inline-block;
	float: left;
}
.news-article{
	padding: 15px;
	width: 453px;
	height: 288px;
	display: inline-block;
	float: right;
	background-color: #FFF;
}
.news-article .timer{
	font-size: 14px;
	font-family:  "DINPro-Bold";
	color: #8b8b8b;
}
.news-article h1{
	font-size: 24px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	color: #313131;
}
.news-article .context{
	font-size: 13px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	color: #7b7b7b;
}
.news-article a{
	font-size: 13px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	color: #e60012;
	position: absolute;
	bottom: 20px;
}
.news-close{
	width: 49px;
	height: 49px;
	display: block;
	position: fixed;
	top: 327px;
	left: 397px;
	background: url(../../res/news-close-btn.png) no-repeat;
	text-indent: -9999em;
	display: none;
}
.next-btn{
	width: 50px;
	height: 50px;
	display: block;
	position: fixed;
	top: 126px;
	left: 1170px;
	background: url(../../res/next-btn.png) no-repeat;
}
.pre-btn{
	width: 50px;
	height: 50px;
	display: block;
	position: fixed;
	top: 180px;
	left: 1170px;
	background: url(../../res/pre-btn.png) no-repeat;
	display: none;
}
.li-border{
	width: 226px;
	height: 187px;
	position: absolute;
	
	top: 0px;
	display: none;
}
ul .selected{
	border: 5px solid #e60012;
	display: block;
}
.rec-header{
	position: absolute;
	height: 53px;
	background-color: #313131;
	left: 0px;
	top: 50px;
	font-size: 24px;
	line-height: 53px;
	padding-left: 10px;
	padding-right: 10px;
	color: #313131;
}
#career .about-item .rec-context{
	width: 640px;
	background-color: #313131;
	left: 0px;
	top: 112px;
	position: absolute;
	font-size: 14px;
	padding: 5px;
	color: #FFF;
	display: block;
}
.staff-header{
	position: absolute;
	height: 53px;
	background-color: #313131;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 24px;
	line-height: 53px;
	padding-left: 10px;
	padding-right: 10px;
	color: #313131;
}
.staff-context{
	width: 640px;
	background-color: #313131;
	left: 0px;
	top: 172px;
	position: absolute;
	font-size: 14px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	display: none;
}
.rec-header a p,.staff-header a p{
	color: #FFF;
	display: inline;
	font-family: "DINPro-Bold";
	font-size: 30pt;
	line-height: 53px;
}
.rec-header a .sub-title,.staff-header a .sub-title{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 14pt;
	font-weight: bold;
	margin-left: 10px;
}
#career .level-pager{
	top: 216px;
}
#career .chinese-text span{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	color:#cacaca;
	font-size: 12px;
	display: block;
	margin-top: 10px;
}
#career .chinese-text span p{
	display: inline;
}
#career .chinese-text span .second-p{
	margin-left: 10px;
}
#career .chinese-text .needed{
	margin-top: 30px;
}
#news .level-pager{
	top: 66px;
}
.service-content{
	width: 612px;
	height: 465px;
	position: absolute;
	top: 100px;
	left: 400px;
}

.service-content div{
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: 199px;
	height: 150px;
	background-color: #e60012;
}
.service-content div a{
	width: 181px;
	height: 82px;
	display: block;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 4px solid #e60012;
	padding-left: 5px;
	padding-right: 5px;
}
.service-content div #coordination{
	padding-top: 20px;
	padding-bottom: 40px;
}
.service-content div #graphics,.service-content div #cehua,.service-content div #other{
	padding-top: 40px;
	padding-bottom: 20px;
}
.service-content div #planning:hover,.service-content div #exhibition:hover,.service-content div #coordination:hover,.service-content div #hall:hover,.service-content div #graphics:hover,.service-content div #cehua:hover,.service-content div #storage:hover,.service-content div #other:hover{
	border: 4px solid #FFF;
}
.service-content div  #service{
	border: none;
	width: 200px;
}
.service-content #planning{
	background: url(../../res/service1.png) no-repeat;
}
.service-content #exhibition{
	background: url(../../res/service2.png) no-repeat;
}
.service-content #coordination{
	background: url(../../res/service3.png) no-repeat;
}
.service-content #hall{
	background: url(../../res/service4.png) no-repeat;
}
.service-content #graphics{
	background: url(../../res/service5.png) no-repeat;
}
.service-content #cehua{
	background: url(../../res/service6.png) no-repeat;
}
.service-content #storage{
	background: url(../../res/service7.png) no-repeat;
}
.service-content #other{
	background: url(../../res/service8.png) no-repeat;
}
#service-module .service-content div a:hover{
	background: none;
}
.service-content .service-english{
	color: #FFF;
	font-size: 20px;
	font-family: "DINPro-Bold";
}
.service-content .service-chinese{
	color: #FFF;
	font-size: 14px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-weight: bold;
}
.service-content .blank-div{
	background-color: none;
}
.service-content .service-intro{
	position: absolute;
	width: 2000px;
	left: 408px;
	padding-left: 50px;
}
.service-intro p{
	display: inline-block;
	line-height: 90px;
}
.service-intro .service-english{
	font-size: 36px;
}
.service-intro .service-chinese{
	font-size: 14px;
}
.service-content .service-text{
	display: none;
	position: absolute;
	top: 154px;
	width: 668px;
	height: auto;
	background-color: #313131;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
}
.service-text .chinese-text{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 12px;
	color: #e2e2e2;
}
.service-text .english-text{
	font-family: "DINPro-Bold";
	font-size: 12px;
	color: #e2e2e2;
}
.service-content .hidden-service{
	width: 970px;
	height: auto;
	position: absolute;
	display: none;
	padding-bottom: 30px;
	padding-right: 30px;
}

.hidden-service i{
	width: 199px;
	height: 150px;
	display: inline-block;
	
	float: left;
}
.english-1{
	margin-top: 10px;
}
.service-1 i{
	background: url(../../res/service1.png) no-repeat;
}
.service-2 i{
	background: url(../../res/service2.png) no-repeat;
}
.service-3 i{
	background: url(../../res/service3.png) no-repeat;
}
.service-4 i{
	background: url(../../res/service4.png) no-repeat;
}
.service-5 i{
	background: url(../../res/service5.png) no-repeat;
}
.service-6 i{
	background: url(../../res/service6.png) no-repeat;
}
.service-7 i{
	background: url(../../res/service7.png) no-repeat;
}
.service-8 i{
	background: url(../../res/service8.png) no-repeat;
}
.hidden-service span{
	width: 500px;
	float: left;
	margin-top: 10px;
}
.hidden-service .hidden-title{
	margin-top: 30px;
}
.hidden-service .hidden-title p{
	display: inline-block;
}
.hidden-service span p{
	color: #FFF;
}
.hidden-service .english{
	font-family: 'DINPro-Bold';
}
.hidden-service .chinese{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.hidden-service span .english{
	font-size: 12px;
	color: #e2d3d4;
}
.hidden-service span .chinese{
	font-size: 12px;
	color: #e2d3d4;
}
.hidden-service .hidden-title .english{
	font-size: 36px;
}
.hidden-service .hidden-title .chinese{
	font-size: 14px;
}
.service-content .menu-back{
	width: 36px;
	height: 35px;
	display: block;
	position: absolute;
	background: url(../../res/menu-back.png)no-repeat;
	right: -200px;
	top: -37px;
	padding: 0px;
	text-align: left;
	display: none;
}
.service-content .menu-service{
	width: 36px;
	height: 35px;
	display: block;
	position: absolute;
	background: url(../../res/menu-back.png)no-repeat;
	right: -200px;
	top: -37px;
	padding: 0px;
	text-align: left;
	display: none;
}
.service-content .to-left{
	width: 36px;
	height: 35px;
	display: block;
	position: absolute;
	background: url(../../res/service-left.png)no-repeat;
	right: -100px;
	top: -37px;
	padding: 0px;
	text-align: left;
	display: none;
}
.service-content .to-right{
	width: 36px;
	height: 35px;
	display: block;
	position: absolute;
	background: url(../../res/service-right.png)no-repeat;
	right: -140px;
	top: -37px;
	padding: 0px;
	text-align: left;
	display: none;
}
#service-module .level-pager{
	top: 116px;
}




.cases-div{
	position: absolute;
	left: 400px;
	top: 125px;
}
.cases-div .case-title{
	height: 63px;
	width: 860px;
	width: 860px;
}
.cases-div .case-title a{
	background-color: #e60012;
	color: #FFF;
	display: block;
	float: left;
	margin-left: 3px;
	height: 43px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.case-year{
	width: 860px;
	height: 24px;
	margin-top: 5px;
}
.case-year a{
	width: 65px;
	height: 24px;
	background-color: #e60012;
	color: #FFF;
	display: block;
	float: left;
	margin-left: 3px;
	text-align: center;
	line-height: 24px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';

}
.cases-div .case-title .english{
	font-size: 18px;
	font-family: "DINPro-Bold";
}
.cases-div .case-title .chinese{
	font-size: 11px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-weight: bold;
}
.case-detail{
	width: 850px;
	position: absolute;
	left: 393px;
	top: 209px;
}
.case-detail ul li{
	float: left;
	width: 193px;
	height: 144px;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	border: 3px solid #FFF;
	overflow: hidden;
	cursor: pointer;
}
.case-detail ul li img{
	width: 193px;
	height: 144px;
}
.cases-div .case-title .selected{
	background-color: #313131;
	color: #e60012;
}
.cases-div .case-year .selected{
	background-color: #313131;
	color: #e60012;
}

.case-detail ul .selected{
	border: 3px solid #e60012;
	padding: 0px;
	z-index: 100;
}

#cases-module .level-pager{
	top: 166px;
}
.mission-context .first{
	display: inline;
}
.mission-context .second{
	margin-left: 50px;
}
.mission-context .third{
	margin-left: 100px;
}
#career .li-title{
	width: 440px;
}
.li-title{
	width: 400px;
}
#career .li-content{
	display: none;
	padding: 5px 10px;
	position: absolute;

}
.career-item1{
	width: 630px;
	top: 172px;
}
.career-item2{
	width: 630px;
	top: 232px;
}
.career-item3{
	width: 630px;
	top: 292px;
}
.career-item4{
	width: 630px;
	top: 352px;
}
.career-item5{
	width: 630px;
	top: 412px;
}
.career-item6{
	width: 630px;
	top: 472px;
}
.career-item7{
	width: 630px;
	top: 532px;
}
.career-item8{
	width: 630px;
	top: 592px;
}
.li-content{
	background-color: rgba(49,49,49,0.9);
}
.office-pic{
	overflow: hidden;
	position: relative;
}
.office-pic img{
	position: inherit;
}
.clearfix:after{
    clear: both;
    content: " ";
    display: block;
}
.case-show{
	width: 540px;
	height: auto;
	display: none;
}
.detail-pic{
	width: 36px;
	height: 36px;
	position: fixed;
	background: url(../../res/case-pic.png) no-repeat;
	display: block;
	right: 504px;
	top: 70px;
}
.show-left{
	width: 36px;
	height: 36px;
	position: fixed;
	background: url(../../res/service-left.png) no-repeat;
	display: block;
	right: 214px;
	top: 70px;
}
.show-right{
	width: 36px;
	height: 36px;
	position: fixed;
	background: url(../../res/service-right.png) no-repeat;
	display: block;
	right: 175px;
	top: 70px;
}
.show-menu{
	width: 36px;
	height: 36px;
	position: fixed;
	background: url(../../res/menu-back.png) no-repeat;
	display: block;
	right: 100px;
	top: 70px;
}
.show-info{
	width: 540px;
	height: 130px;
	background-color: #e60012;
	position: fixed;
	top: 110px;
	right: -20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.english-text{
	font-family: "DINPro-Bold";
}
.chinese-text{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.show-info p{
	color: #FFF;
}
.show-info .english-text{
	font-size: 36px;
	display: inline-block;
	padding: 0px;
}
.show-info .chinese-text{
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
.show-info .content{
	width: 500px;
	font-size: 13px;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
}
.show-detail span{
	width: 145px;
	height: 25px;
	display: block;
	background-color: #e60012;
	color: #FFF;
	position: fixed;
}
.show-detail span p{
	width: 110px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.detail-1{
	right: 395px;
	top: 265px;
}
.detail-2{
	right: 245px;
	top: 265px;
}
.detail-3{
	right: 395px;
	top: 295px;
}
.detail-4{
	right: 245px;
	top: 295px;
}
.detail-5{
	right: 395px;
	top: 325px;
}
.detail-6{
	right: 245px;
	top: 325px;
}
.show-detail span p,.show-detail span img{
	float: left;
}
.show-detail span p{
	line-height: 25px;
}
.show-deatil-pic img{
	position: fixed;
	width: 700px;
	height: 500px;
	right: 400px;
	top: 265px;
}
.show-deatil-pic a{
	display: block;
	position: fixed;
	width: 36px;
	height: 36px;
}
.detail-close-btn{
	background: url(../../res/detail-close.png) no-repeat;
	right: 1064px;
	top: 225px
}
.detail-left-btn{
	background: url(../../res/service-left.png) no-repeat;
	right: 1000px;
	top: 225px
}
.detail-right-btn{
	background: url(../../res/service-right.png) no-repeat;
	right: 960px;
	top: 225px
}
.show-deatil-pic{
	display: none;
}
.case-detail ul .li-hover{
	
	background-color: #FFF;
	border-color: #e60012;
	text-align: center;
	font-size: 19px;
	vertical-align: center;

}
#case-exhibition .case-summary{
	display: none;
	color: #e60012;
	margin-top: 60px;
	font-family: "DINPro-Bold";
	font-size: 20px;
}
#case-exhibition .case-summary-chinese{
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-size: 14px;
}
#career .chinese-text span .english-p{
	margin-left: 0px;
}
.about-item .title-href .career-english-title{
	font-size: 20pt;
}
.code-for-weixin{
	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 2000;
	left: 30px;
	bottom: 80px;
}
.about-item .title-href .career-sub-title{
	font-size: 16pt;
}
.about-item .title-href  .career-big-title{
	font-size: 24pt;
}
.li-title .accept{
	font-size: 14pt;
	color: #e60012;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-weight: bold;
	float: right;
	padding-top: 7px;
}
.about-list{
	list-style: none;
}
#service-module .service-content a{
	text-align: left;
}
.map-img{
	margin-top: 20px;
}
.map-img img{
	width: 640px;
	height: 370px;
}
.li-title .accept{
	font-size: 14pt;
	color: #e60012;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans GB','Microsoft Yahei','微软雅黑';
	font-weight: bold;
	float: right;
	padding-top: 7px;
}
.about-list{
	list-style: none;
}
#service-module .service-content a{
	text-align: left;
}
.map-img{
	margin-top: 20px;
}
.map-img img{
	width: 640px;
	height: 370px;
}
